<nz-spin [nzSpinning]="isSpinning" [nzTip]="'正在初始化模块信息...'">
  <div style="text-align: left;padding-top:30px;margin: 30px;background: #EF4954;padding: 5px 10px;color: #fff;font-size: 16px;width: 88px; ">
    班级成员
  </div>
  <div style="display: flex;flex-wrap:wrap;width: 80%;margin:0 auto;">
    <div *ngFor="let studentarr of allstudentdata;let i=index" 
    style="background: #F7F7F7;text-align: center;padding: 10px 14px;border: 1px solid #D7D7D7;margin: 10px 20px 20px 0;position: relative;min-width: 100px;overflow: hidden;">
      <span style="color: #191818;font-size: 18px;">{{studentarr.personName}}</span>
      <nz-popconfirm  [nzTitle]="'确定要删除信息吗？'" (nzOnConfirm)="dstydent(studentarr.id,studentarr.personName)">
        <a nz-popconfirm>
          <div title="移除" style="cursor: pointer;background: #C00000;color: #fff;width: 40px;height: 40px;position: absolute;top:-20px;right: -20px;
              transform:rotate(45deg);
              -ms-transform:rotate(45deg); 	/* IE 9 */
              -moz-transform:rotate(45deg); 	/* Firefox */
              -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
              -o-transform:rotate(45deg); 	/* Opera */">
            <span style="position: absolute;right: 14px;top: 21px;font-size: 13px;
              transform:rotate(45deg);
              -ms-transform:rotate(45deg); 	/* IE 9 */
              -moz-transform:rotate(45deg); 	/* Firefox */
              -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
              -o-transform:rotate(45deg); 	/* Opera */">
              <i class="anticon anticon-close"></i>
            </span>
          </div>
        </a>
      </nz-popconfirm>
    </div>
  </div>
  <!-- <nz-modal [(nzVisible)]="smisVisible" nzTitle="移除" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOksm('success')">
    <p>确定要移除{{name}}吗？</p>
  </nz-modal> -->
</nz-spin>
